<section class="section" id="box">
  <h1 class="title"> Box </h1>
  <hr>
  <div class="box">
    <article class="media">
      <div class="media-left">
        <figure class="image is-64x64"> <img alt="Image" src="https://s3.amazonaws.com/uifaces/faces/twitter/zeldman/128.jpg">
        </figure>
      </div>
      <div class="media-content">
        <div class="content">
          <p> <strong> John Smith </strong> <small> @johnsmith </small> <small> 31m </small>
            <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
          </p>
        </div>
        <nav class="level">
          <div class="level-left">
            <a class="level-item">
              <span class="icon is-small"> <i class="fa fa-reply"> </i> </span>
            </a>
            <a class="level-item">
              <span class="icon is-small"> <i class="fa fa-retweet"> </i> </span>
            </a>
            <a class="level-item">
              <span class="icon is-small"> <i class="fa fa-heart"> </i> </span>
            </a>
          </div>
        </nav>
      </div>
    </article>
  </div>
</section>
